export const getStyle = () => {
  let width = 460;
  let height = 960;
  // const element = document.getElementById("big-screen-map");
  let element = document.getElementsByClassName("app-main")[0];
  if(!element)element = document.getElementById("app");
  if (element.clientWidth <= 1780) {
    width = 380;
  }
  if (element.clientWidth <= 1560) {
    width = 350;
  }
  if (element.clientWidth <= 1300) {
    width = 320;
  }
  if (element.clientWidth <= 1000) {
    width = 240;
  }
  if (element.clientWidth <= 800) {
    width = 220;
  }
  if (element.clientWidth > 1780) {
    width = 460;
  }
  height = element.clientHeight - 120;
  return {
    width,
    height,
  };
};
export const getCardStyle = () => {
  const { width, height } = getStyle();
  return {
    width: `${width}px`,
    height: `${height}px`,
  };
};
